<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>汪汪网 | 欢迎爱狗的您光临本网站！</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/index.css">

    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/default.css">
    <!-- 引入animate.js文件 -->
    <script src="js/animate.js"></script>
    <!-- 引入我们首页的js文件 -->
    <script src="js/index2.js"></script>

    <style>
        .to-top {
            background: #3498db;
            color: #fff;
            padding: 15px;
            border-radius: 5px;
            z-index: 99;
        }
    </style>
</head>

<body>


    <!-- 导航栏开始 -->
    <div class="index-header clearfix">
        <div class="index-logo fl">
            <a href=""><img src="images/logo.png"></a>
        </div>
        <ul class="index-nav fl">
            <li><a href="index.html">首页</a></li>
            <li><a href="fenlei.html">狗狗大全</a></li>
            <li><a href="wangwangxiu.html">汪汪秀</a></li>
            <li><a href="goushi.html">狗狗市场</a></li>
            <li><a href="xinwen.html">新闻</a></li>
            <li><a href="baike.html">狗狗百科</a></li>
            <li><a href="liuyan.html">联系</a></li>
            <li><a href="zhaopin.html">招聘</a></li>
        </ul>
        <div class="index-header-right fr">
            <a href="" class="search-btn">搜索</a>
            <a href="" class="erweima">
                <div class="erweima-pic">
                    <img src="images/erweima.png">
                </div>
            </a>
        </div>
        <div class="clear"></div>
    </div>

    <!-- 搜索 start-->
    <div class="search_sec">
        <a href="#" title="" class="close-search"><i class=" la-close"><img src="images/icon5.png"></i></a>
        <div class="search_field">
            <div class="container">
                <form>
                    <input type="text" name="search" placeholder="澳大利亚牧羊犬">
                    <button type="submit"><img src="images/search2.png" alt=""></button>
                </form>
            </div>
        </div>
    </div>
    <!--搜索 end-->
    <!-- 导航栏结束 -->
    <a class="to-top">Top &uarr;</a>

    <div id="bloc">

        <article id="index">

            <div class="banner-position">

                <!-- 轮播图 start -->
                <div class="focus fl">
                    <!-- 左侧按钮 -->
                    <a href="javascript:;" class="arrow-l">
                    &lt;
                 </a>
                    <!-- 右侧按钮 -->
                    <a href="javascript:;" class="arrow-r">></a>
                    <!-- 核心的滚动区域 -->
                    <ul>
                        <li>
                            <a href="#"><img src="images/beijingtu1.png" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/beijingtu2.png" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/beijingtu3.png" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/beijingtu4.png" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="images/beijingtu5.png" alt=""></a>
                        </li>

                    </ul>
                    <!-- 小圆圈 -->
                    <ol class="circle">
                    </ol>
                </div>
            </div>
            <div class="clear"></div>
            <!-- 轮播图 end-->

            <!--about start-->
            <div class="index-about">
                <div class="index-con clearfix">
                    <div class="index-about-text fl">
                        <div class="index-title">
                            <h3 class="scroll-animate" data-effect="fadeInUpSmall">about it</h3>
                            <h2 class="scroll-animate" data-delay="0.2" data-effect="fadeInUpSmall">杰克罗素梗</h2>
                            <span></span>
                        </div>
                        <p class="scroll-animate" data-delay="0.6" data-effect="fadeInUpSmall">杰克罗素梗是一种活泼、精力旺盛、爱好群集的工作犬种。人们对它的培育最初是为了在地面上和地下捕捉欧洲红狐狸，由于它们动作敏捷、胸部狭小而柔软，所以能进入狐狸巢穴中进行驱赶，并在地下追踪猎物。虽然它反应敏捷且带有攻击性，但大多数情况下对主人都非常有感情。
                        </p>
                        <hr/>
                        <p class="scroll-animate" data-delay="0.6" data-effect="fadeInUpSmall">杰克罗素梗的身高不会超过40厘米，体形稍微小点、不到30厘米高的也很常见，8千克则是它们体重的标准值。 杰克罗素梗身上的斑纹非常具有特色，白色的底色上分布着零星的黑色、黄色或者棕色斑块。根据被毛，它可以被分为粗毛种和平毛种，其中，粗毛种的被毛粗而长，平毛种的被毛短而平。
                        </p>
                    </div>
                    <div class="index-about-pic fr">
                        <a href="">
                            <img src="images/beijingtu7.png" class="scroll-animate classGo" data-Tclass="go">
                        </a>
                    </div>
                </div>
                <div class="wave_box1">
                    <img src="images/wavs.gif">
                </div>

                <br/><br/>

                <div class="index-con clearfix">
                    <div class="index-about-text fl">
                        <div class="index-title">
                            <h3 class="scroll-animate" data-effect="fadeInUpSmall">about it</h3>
                            <h2 class="scroll-animate" data-delay="0.2" data-effect="fadeInUpSmall">澳牧牧羊犬</h2>
                            <span></span>
                        </div>
                        <p class="scroll-animate" data-delay="0.6" data-effect="fadeInUpSmall">澳大利亚牧羊犬是一种具有很强的畜牧和护卫能力的工作犬。他是一个忠诚的伙伴，而且具有全天候工作的毅力。非常和谐，体长略大于身高，中等大小，骨量中等，颜色多变而有个性。 澳大利亚牧羊犬专注且活泼，柔韧而敏捷，肌肉发达但不笨重。被毛中等长度，粗硬。掌握日常的毛发护理，了解常见的犬病和繁殖行为可是犬更好，更健康的成长，对养犬人士也是很重要的。
                        </p>
                        <hr/>
                        <p class="scroll-animate" data-delay="0.6" data-effect="fadeInUpSmall">以前这种犬在除美国以外的其他国家根本没有名气，但现在该犬的知名度大大提高，因为它具有易训练、忠于主人及漂亮的外表等特性。最初澳大利亚牧羊犬主要在加利福尼亚用做工作犬，而且它能适应当地多变的气候，后来这种犬也用做观赏犬和军犬。尤其在救助和探寻方面的贡献较大。这种犬的脾性与金色拾物犬、拉布拉多觅拾犬相似。它感情丰富、好玩，但仍保留着一种基本的工作天性。由于这种犬不是有计划地繁育所获得的后代，因而减小它的体型仍是一些育种专家所要达到的一个目标
                        </p>
                    </div>
                    <div class="index-about-pic fr">
                        <a href="">
                            <img src="images/beijingtu8.png" class="scroll-animate classGo" data-Tclass="go">
                        </a>
                    </div>
                </div>

                <div class="wave_box1">
                    <img src="images/wavs.gif">
                </div>
            </div>
            <div class="clear"></div>
            <!--about end-->

            <!--排行榜 start-->
            <div class="index-yewu">
                <div class="index-con clearfix">
                    <div class="index-title">
                        <h3>Smart dog</h3>
                        <h2>狗狗智商排行榜</h2>
                    </div>

                    <div class="index-yewu-info clearfix">
                        <div class="index-yewu-pic fl">
                            <a href="">
                                <img src="images/beijingtu9.png" class="scroll-animate classGo" data-Tclass="go">
                            </a>
                        </div>
                        <ul class="index-yewu-list clearfix fr">
                            <li>
                                <a href="gougoujianjie.html">
                                    <em><img src="images/ico2.png"></em>
                                    <div class="text">
                                        <h2>智商排行榜1</h2>
                                        <span>边境牧羊犬</span>
                                        <p>边境牧羊犬是世界上最为聪明的狗狗，还是生活的良好伴侣。</p>
                                    </div>
                                    <div class="button bz-buttonAnimat clockwise both">
                                        <div class="inner"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="gougoujianjie.html">
                                    <em><img src="images/ico2.png"></em>
                                    <div class="text">
                                        <h2>智商排行榜2</h2>
                                        <span>贵宾犬</span>
                                        <p>贵宾犬，他们非常聪明，而且容易被训练</p>
                                    </div>
                                    <div class="button bz-buttonAnimat clockwise both">
                                        <div class="inner"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="gougoujianjie.html">
                                    <em><img src="images/ico2.png"></em>
                                    <div class="text">
                                        <h2>智商排行榜3</h2>
                                        <span>德国牧羊犬</span>
                                        <p>德国牧羊犬就是我国人民常说的狼狗，他们的智商排在第三位/p>
                                    </div>
                                    <div class="button bz-buttonAnimat clockwise both">
                                        <div class="inner"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="gougoujianjie.html">
                                    <em><img src="images/ico2.png"></em>
                                    <div class="text">
                                        <h2>智商排行榜4</h2>
                                        <span>金毛犬</span>
                                        <p>大暖男金毛犬是生活中最为常见的大型犬，他们的性格温和</p>
                                    </div>
                                    <div class="button bz-buttonAnimat clockwise both">
                                        <div class="inner"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="gougoujianjie.html">
                                    <em><img src="images/ico2.png"></em>
                                    <div class="text">
                                        <h2>智商排行榜5</h2>
                                        <span>杜宾犬</span>
                                        <p>杜宾犬是一种在80年代非常盛行的狗狗，从外形上来看他们肌肉发达，强壮</p>
                                    </div>
                                    <div class="button bz-buttonAnimat clockwise both">
                                        <div class="inner"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="gougoujianjie.html">
                                    <em><img src="images/ico2.png"></em>
                                    <div class="text">
                                        <h2>智商排行榜6</h2>
                                        <span>喜乐蒂</span>
                                        <p>喜乐蒂的外形非常漂亮，而且也是一种工作能力特别强的牧羊犬</p>
                                    </div>
                                    <div class="button bz-buttonAnimat clockwise both">
                                        <div class="inner"></div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clear"></div>

            <div class="position-yuan clearfix">
                <div class="bg scr-el" data-v="1" data-speed-x="12" data-offset="150 "></div>
            </div>
            <div class="clear"></div>
            <!--排行榜 end-->


            <!--狗市 start-->
            <div class="index-product clearfix">
                <div class="index-con clearfix">
                    <div class="index-title">
                        <a href="goushi xq.html">
                            <h3>more ></h3>
                        </a>
                        <h3>boutique dog</h3>
                        <h2>精品狗狗</h2>

                    </div>
                    <ul class="clearfix index-product-list clearfix">
                        <li>
                            <a href="goushi xq.html">
                                <em><img src="images/beijingtu10.png"></em>
                                <div class="text">
                                    <h2>【官方质保】血统萨摩耶出售 </h2>
                                    <p>赠送狗狗生活用品_支持送货上门</p>
                                    <p>官方价格：4000 </p>
                                    <span><img src="images/jt.png"></span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="goushi xq.html">
                                <em><img src="images/beijingtu11.png"></em>
                                <div class="text">
                                    <h2>【官方质保】血统柯基出售 </h2>
                                    <p>赠送狗狗生活用品_支持送货上门</p>
                                    <p>官方价格：3000 </p>
                                    <span><img src="images/jt.png"></span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="goushi xq.html">
                                <em><img src="images/beijingtu12.png"></em>
                                <div class="text">
                                    <h2>【官方质保】纯种金毛出售 </h2>
                                    <p>赠送狗狗生活用品_支持送货上门</p>
                                    <p>官方价格：4000 </p>
                                    <span><img src="images/jt.png"></span>
                                </div>
                            </a>
                        </li>

                    </ul>
                    <ul class="clearfix index-product-list clearfix">
                        <li>
                            <a href="goushi xq.html">
                                <em><img src="images/beijingtu13.png"></em>
                                <div class="text">
                                    <h2>【官方质保】纯种哈士奇出售 </h2>
                                    <p>赠送狗狗生活用品_支持送货上门</p>
                                    <p>官方价格：4999 </p>
                                    <span><img src="images/jt.png"></span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="goushi xq.html">
                                <em><img src="images/beijingtu14.png"></em>
                                <div class="text">
                                    <h2>【官方质保】血统斗牛犬出售 </h2>
                                    <p>赠送狗狗生活用品_支持送货上门</p>
                                    <p>官方价格：2999 </p>
                                    <span><img src="images/jt.png"></span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="goushi xq.html">
                                <em><img src="images/beijingtu15.png"></em>
                                <div class="text">
                                    <h2>【官方质保】纯种贵宾犬出售 </h2>
                                    <p>赠送狗狗生活用品_支持送货上门</p>
                                    <p>官方价格：4000 </p>
                                    <span><img src="images/jt.png"></span>
                                </div>
                            </a>
                        </li>

                    </ul>
                    <ul class="clearfix index-product-list clearfix">
                        <li>
                            <a href="goushi xq.html">
                                <em><img src="images/beijingtu16.png"></em>
                                <div class="text">
                                    <h2>【官方质保】纯种拉布拉多出售 </h2>
                                    <p>赠送狗狗生活用品_支持送货上门</p>
                                    <p>官方价格：4999 </p>
                                    <span><img src="images/jt.png"></span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="goushi xq.html">
                                <em><img src="images/beijingtu17.png"></em>
                                <div class="text">
                                    <h2>【官方质保】血统约克夏出售 </h2>
                                    <p>赠送狗狗生活用品_支持送货上门</p>
                                    <p>官方价格：2999 </p>
                                    <span><img src="images/jt.png"></span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="goushi xq.html">
                                <em><img src="images/beijingtu18.png"></em>
                                <div class="text">
                                    <h2>【官方质保】纯种蝴蝶犬出售 </h2>
                                    <p>赠送狗狗生活用品_支持送货上门</p>
                                    <p>官方价格：2000 </p>
                                    <span><img src="images/jt.png"></span>
                                </div>
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="clear"></div>
            <!--狗市 end-->


            <!--店铺 start-->
            <div class="index-news">
                <div class="index-con clearfix">
                    <div class="index-title">
                        <h3>pet pavilion</h3>
                        <h2>宠物馆</h2>
                    </div>
                    <ul class="index-news-list clearfix">
                        <li class="trs02 an_up">
                            <a href="sd.html">
                                <em><img src="images/dianpu1.png"></em>
                                <div class="text">
                                    <span></span>
                                    <p>家宝宠物生活馆 | 汪汪萌宠中心</p>
                                    <i>电话 065-56-21542</i>
                                </div>
                            </a>
                        </li>
                        <li class="trs03 an_up">
                            <a href="sd.html">
                                <em><img src="images/dianpu2.png"></em>
                                <div class="text">
                                    <span></span>
                                    <p>老友 狗狗 | 宠物店</p>
                                    <i>电话 065-6455-6635</i>
                                </div>
                            </a>
                        </li>
                        <li class="trs04 an_up">
                            <a href="sd.html">
                                <em><img src="images/dianpu3.png"></em>
                                <div class="text">
                                    <span></span>
                                    <p>宠到家 宠物生活馆</p>
                                    <i>电话 546-6542-365</i>
                                </div>
                            </a>
                        </li>
                        <li class="trs05 an_up">
                            <a href="sd.html">
                                <em><img src="images/dianou4.png"></em>
                                <div class="text">
                                    <span></span>
                                    <p>明星 宠物生活馆</p>
                                    <i>电话 313-9656-669</i>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            <!--店铺 end-->

            <!--footer start-->
            <div class="index-footer">
                <div class="clearfix index-footer-info index-con">
                    <div class="logo fl">
                        <img src="images/logo4.png">
                    </div>
                    <div class="lianxi fl">
                        <h2>联系方式</h2>
                        <p>前台电话： 0546-985-211 </p>
                        <p>汪汪电话：0546-985985-211211</p>
                        <P>地址：湖北省武汉市汪汪区0214号5478946</P>
                        <p>商务产业园01期01号楼东985室</p>
                    </div>
                    <div class="phone fl">
                        400-985-211
                    </div>
                    <div class="erweima fr">
                        <img src="images/erweima.png">
                        <p>二维码</p>
                    </div>
                </div>

                <div class="index-footer-bottom">
                    <div class="index-con clearfix">
                        <p class="fl">版权所有 © 2021-2022 汪汪爱狗有限公司 皖ICP备05496841号 公网安备65464654154165号</p>
                        <a href="http://www.5imoban.net" target="_blank" class="fr">技术支持：html css js</a>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <!--footer end-->



        </article>
    </div>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src='js/modernizr.custom.js'></script>
    <script src="js/more.js"></script>
    <script src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type='text/javascript' src='js/base.js'></script>
    <script type="text/javascript" src='js/app.js'></script>
    <script>
        var swiper = new Swiper('.index-banner.swiper-container', {
            speed: 600,
            parallax: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
        scrolly.init({
            wrapper: '#bloc',
            targets: '.scr-el',
            bgParallax: true,
            wrapperSpeed: 0.08
        });
    </script>


    <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="js/jquery.toTop.min.js"></script>
    <script>
        jQuery(function($) {
            // Plugin activation (basic)
            // $('.to-top').toTop();

            // Plugin activation with options
            $('.to-top').toTop({
                //options with default values
                autohide: true, //boolean 'true' or 'false'
                offset: 420, //numeric value (as pixels) for scrolling length from top to hide automatically
                speed: 500, //numeric value (as mili-seconds) for duration
                right: 15, //numeric value (as pixels) for position from right
                bottom: 30 //numeric value (as pixels) for position from bottom
            });
        });
    </script>
</body>

</html>